<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no" />
		<title>分类</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/classify.css" />
	</head>
	<body>
		<!--最顶部-->
		<header class="top-box">
			<a href="javascript:history.go(-1)" class="top-fh"></a>
			<h1>分类</h1>
			<a href="javascript:;" class="top-btn top-btn1">菜单</a>
			<a href="SE.html" class="top-btn top-btn2">搜索</a>
		</header>
		<!--顶部菜单-->
		<div class="top-menu-box">
			<div class="top-menu-bg"></div>
			<div class="top-menu">
				<ul class="top-menu-list">
					<li>
						<a href="index.html">
							<i class="icon-index"></i>
							<span>首页</span>
						</a>
					</li>
					<li>
						<a href="book.html">
							<i class="icon-collect"></i>
							<span>收藏</span>
						</a>
					</li>
					<li>
						<a href="book.html">
							<i class="icon-history"></i>
							<span>历史</span>
						</a>
					</li>
					<li>
						<a href="classify.html">
							<i class="icon-classify"></i>
							<span>分类</span>
						</a>
					</li>
					<li>
						<a href="ranking.html">
							<i class="icon-rank"></i>
							<span>排行</span>
						</a>
					</li>
					<li>
						<a href="chaseUp.html">
							<i class="icon-time"></i>
							<span>追更</span>
						</a>
					</li>
				</ul>
				<a href="javascript:;" class="home">个人中心</a>
			</div>
		</div>
		<!--标题分类-->
		<section class="types-box">
			<ul class="types-list">
				<li>
					<a href="javascript:;">条漫</a>
				</li>
				<li>
					<a href="javascript:;">独家</a>
				</li>
				<li>
					<a href="javascript:;">完结</a>
				</li>
				<li>
					<a href="javascript:;">日漫</a>
				</li>
				<li>
					<a href="javascript:;">VIP</a>
				</li>
			</ul>
		</section>
		<!--类别-->
		<section class="calssify-box">
			<ul class="calssify-list">
				<li>
					<a href="javascript:;">
						<span>| 恐怖</span>
						<img src="images/classify01.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 妖怪</span>
						<img src="images/classify02.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 恋爱</span>
						<img src="images/classify03.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 玄幻</span>
						<img src="images/classify04.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 热血</span>
						<img src="images/classify05.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 悬疑</span>
						<img src="images/classify06.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 彩虹</span>
						<img src="images/classify07.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 少女</span>
						<img src="images/classify08.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 韩漫</span>
						<img src="images/classify09.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 科幻</span>
						<img src="images/classify10.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 逗比</span>
						<img src="images/classify11.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 校园</span>
						<img src="images/classify12.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 都市</span>
						<img src="images/classify13.png" />
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<span>| 治愈</span>
						<img src="images/classify14.png" />
					</a>
				</li>
			</ul>
		</section>
	</body>
</html>
<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
<script type="text/javascript" src="js/classify.js" ></script>